<template>
  <div>
    <h1>axios完整的写法</h1>
  </div>
</template>

<script>
import axios from "axios";
export default {
  created() {
    console.log(axios);
    console.dir(axios);
    /* 
    一说一个变量是函数
    函数调用 函数名（）
    一说一个变量是对象
    xxx.xx

    https://autumnfish.cn/search?keywords=爱
    */
    axios({
      method: "get", //请求方式  get post
      baseURL: "https://autumnfish.cn", //基础路径
      url: "/search", //
      // headers: {},//请求头
      transformRequest: [
        function (data) {
          console.log(data);
          //   拦住之后可以做一些操作,必须返回
          return data;
        },
      ],
      transformResponse: [
        function (data) {
          console.log(data);
          data = JSON.parse(data);
          return data;
        },
      ],
      //   与url放到一起的参数 query ?key=valule&key=valu
      //   params    /value/value
      params: {
        keywords: "爱",
      },
      //   data指的是请求体的参数  post
      data: {},
      timeout: 1000, //超时时间
    })
      .then((res) => {
        console.log(res);
        console.log(res.data.result.songs);
      })
      .catch((err) => {
        console.log(err);
      });
  },
  mounted() {
    //没有被定义 直接使用
    // console.log(aa);
    //
    /* let obj = {
      name: "xx",
    };
    console.log(obj.sex.name);
    console.log(qs); */
  },
};
</script>

<style lang="scss" scoped>
</style>